.top{width: 100%;
height: 40px;
position: absolute;
 background-color: black;
 font-size: 12px;
 
}
.wrap{
	width: 1226px;
	margin: 0px auto;
}
.top .wrap{
	width: 1226px;
	margin: 0px auto;
}
.top-left {position: relative;
	float: left;
	list-style: none;
	position: relative;
	
}
.top-right{
	float: right;
	list-style: none;
}
 span{margin: 3.6px;
	color: #424242;
}
 a{text-decoration: none;}
 .download{
	 width: 124px;
	 box-shadow: 0px 1px 5px  palevioletred;
	 background-color: azure;
	 position: absolute;
	 top: 40px;
	 left:50%;
	 margin-left: -62px;
	 overflow: hidden;
	
 }
 .top-left :hover .download{
	 height: 148px;
 }

.nav{
	width: 100%;
	height: 100px;
	background-color:white;
	
}
.logo{
	width: 57px;
	height: 55px;
	float: left;
	margin-top: 20px;
	border-radius: 40%;
	background-color: #ff6700;
	
}
.nav li{list-style: none;
float: left;}
.nav-mid li a{
	color: #333;
	padding: 0px 10px;
}
.nav-mid li a:hover{color: aquamarine;}
.nav-mid{
	width: 875px;
	height: 100px;
	line-height: 100px;
	float: left;
	
}
.nav-right input{width: 80px;
height: 20px;
float: left;
box-sizing: border-box;
margin-top: 55px;padding: 0 10px;
outline: none;

	
}
.search{width: 50px;
height: 20px;

margin-top: 55px;padding:  0px;
	
}
.banner{ 
	width: 100%;
	height: 460px;
	
}
.slide{
	width: 230px;
	height: 420px;
	padding: 20px;
	background-color: rgba(105, 101, 101, 0.6);
}
.banner .wrap{
	position: relative;
}
.banner-img{float: right;
	width: 77%;
	height: 460px;
}
.slide li{
	
	height: 50px;
	text-align: left;
	
	font-size: 14px;
	list-style: none;
}
.slide li a{
	color: bisque;
}
.slide li:hover{
	color: aquamarine;
}
.adv{
	width: 100%;
	height: 170px;
	background-color: white;
}

.adv-slide{
	width: 230px;
	height: 170px;
	background-color: #5f5f5f;
	padding: 20px;
	margin-top: 0.625rem;
	
}
.adv-slide li{width: 57px;
height: 72px;
	list-style: none;
	float: left;
	text-align: center;
	margin: 9px;
	margin-left: -10px;
}
.adv-img{width:266px;
margin-right:40px;
height:170px ;
float:right;

margin-top: -169px;
	
}
.content{width: 100%;
background-color: #f1f1f1;
overflow: hidden;
padding: 4px 0 12px;}
.title{
	text-align: left;
	color: #333;
	font-size: 22px;
	line-height: 58px;
}
.phone-box{width:100%;
height: 614px;
}

.phone-box-left{
	width: 234px;
	height: 614px;
	float: left;
	
}
.phone-box-right{
	width: 992px;
	height: 614px;
	float: left;
}
.item{
	width:234px ;
	height: 300px;
	margin: 0 0 14px 14px;
	background-color: #fff;
	float: left;
	transition: all 0.2s linear;
}
.item :hover{transform: translateY(-2px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 1);
	
}
.item-img{
	width: 160px;
	margin-bottom: 18px;
}
.item-name{
	width: 214px;
	height: 21px;
	color: #333;
	line-height: 21px;
	margin: 0 auto 2px;
	
}
.item-desc{
	width: 214px;
	height: 18px;
	color: #b0b0b0;
	font-size: 12px;
	line-height: 18px;
	margin: 0 auto 10px;
}
.item-price{
	color: #ff6700;
	font-size: 14px;
	margin: -14px 36px -17px 67px;
}
.big-img{width: 1227px;
height: 80px;
margin-top: 10px;}
.elc-box{
	width: 100%;
	height: 614px;
	margin-left: 0px;
}
.elc-item{margin-left: 0px;
}
.item-elc-img{
	width: 234px;
	margin-bottom: 11px;
	height: 128px;
	text-align: center;
}
.item-price del{color: #b0b0b0;}
.video-box{
	width: 100%;
	height: 299px;
}
.video-box div{
	width: 296px;
	height: 285
	;
	background-color: #fff
	;
	float: left;margin-bottom: 14px;
	margin-right: 14px;
	transition: all 0.2s; 
	
}

.video-box div :hover{
	transform:translate3d(-2px) ;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 1);
	
}
.video-img{width: 294px;
height: 156px;
float: left;}
.footer-service {width: 100%;
height: 40px;
margin: 10px;
border-bottom: #e0e0e0 1px solid;
overflow: hidden;

}
.footer-service li{
	float: left;
	width: 20%;
	border-right: #e0e0e0 1px solid;;
	overflow: hidden;
}
.footer-service a{
	color: #616161;
}
.footer-service a :hover{
	color: #ff6700;
}
.footer-link{
	width: 100%;
	height: 172px;
	
}
.footer-link ul{
	float: left;
	width: 115px;
	text-align: center;
	color: #424242;
	font-size: 16px;
}
.footer-link ul a{
	font-size: 12px;
	color:#757575;
}
.footer-link ul li{list-style: none;
	margin-top: 10px;
	
}
.position{
	width: 200px;
	height: 180px;
	bottom: 225px;
	font-size: 30px;
	position: fixed;
	right:0px ;
}
